$(function(){
	
	let imgs = $(".swiper img") ;
	let spans = $(".swiper .dot span"); 
	let index = 0 ; // 默认显示第一张图片
	let playing = false ; // 是否正在播放轮播图 
	function show(index) {
		imgs.eq(index).show().siblings("img").hide();
		spans.eq(index).addClass("active").siblings().removeClass("active");
	}
	
	// 给三个小点 绑定 单机事件，负责切换轮播图 
	spans.on("mouseenter", function(event){
		index = $(this).index() ;
		show(index);
	}) ;
	
	$(".swiper a.left").on("click", function(event) {
		if (index <= 0) {
			index = imgs.length - 1; 
		}else {
			index-- ;
		}
		show(index) ;
	})
	
	$(".swiper a.right").on("click", function(event) {
		if (index >= imgs.length - 1) {
			index = 0; 
		}else {
			index++ ;
		}
		show(index) ;
	});
	
	// 自动播放轮播图 
	function autoPlay() {
		playing = setInterval(function(){
			$(".swiper a.right").trigger("click");
		},  2000)
	}
	
	function stopPlay() {
		clearInterval(playing) ;
	}
	
	$(".swiper").hover(stopPlay, autoPlay); 
	
	autoPlay();
	
})